<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>电子科大网络安全云平台</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">电子科大网络安全云平台</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <!-- 移动端显示 -->
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>

      <li class="layui-nav-item layui-hide-xs"><a href="">分支系统</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">追溯系统</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">备份系统</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">日志系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">日志服务01</a></dd>
          <dd><a href="">日志服务02</a></dd>
          <dd><a href="">日志服务03</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
          dzkd_admin
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基础信息</a></dd>
          <dd><a href="">退出</a></dd>
        </dl>
      </li>
    </ul>
  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">基础数据管理</a>
          <dl class="layui-nav-child">
            <dd><a href="department.html">部门管理</a></dd>
            <dd><a href="role.html">权限管理</a></dd>
            <dd><a href="user.html">用户管理</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a href="javascript:;">漏洞扫描管理</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">扫描结果</a></dd>
            <dd><a href="javascript:;">风险等级</a></dd>
            <dd class="layui-this"><a href="hole.html">安全漏洞</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a href="javascript:;">基线任务管理</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">客户机管理</a></dd>
            <dd><a href="javascript:;">基线管理</a></dd>
            <dd><a href="javascript:;">客户机基线</a></dd>
          </dl>
        </li>
      </ul>
    </div>
  </div>

  <div class="layui-body">
    <span class="layui-breadcrumb">
              <a href="index.html">首页</a>
              <a><cite>漏洞扫描管理</cite></a>
              <a><cite>安全漏洞</cite></a>
            </span>
    <!-- 内容主体区域 --><fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
    <legend>安全漏洞</legend>
  </fieldset>

    <table class="layui-table" lay-even="" lay-skin="nob" lay-size="lg">
      <colgroup>
        <col width="400">
        <col width="400">
        <col width="400">
        <col>
      </colgroup>
      <thead>
      <tr>
        <th>组件名</th>
        <th>组件版本</th>
        <th>风险等级</th>
        <th>漏洞</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>com.alibaba:druid-spring-boot-starter</td>
        <td>1.2.6</td>
        <td><span class="layui-badge layui-bg-green">安全</span></td>
        <td><span class="layui-badge layui-bg-black">无</span></td>
      </tr>
      <tr>
        <td>org.mybatis.spring.boot:mybatis-spring-boot-starter</td>
        <td>2.2.1</td>
        <td><span class="layui-badge layui-bg-green">安全</span></td>
        <td><span class="layui-badge layui-bg-black">无</span></td>
      </tr>
      <tr>
        <td>mysql:mysql-connector-java</td>
        <td>8.0.29</td>
        <td><span class="layui-badge layui-bg-green">安全</span></td>
        <td><span class="layui-badge layui-bg-black">无</span></td>
      </tr>
      <tr>
        <td>org.springframework.boot:spring-boot-starter-web</td>
        <td> </td>
        <td><span class="layui-badge layui-bg-green">安全</span></td>
        <td><span class="layui-badge layui-bg-black">无</span></td>
      </tr>
      </tbody>
    </table>
    <div style="padding: 15px;">
      <hr class="layui-bg-blue">
      <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
  </div>

  <div class="layui-footer">
    <!-- 底部固定区域 -->
    copyright©电子科技大学  www.uestc.edu.cn
  </div>
</div>
<script src="./layui/layui.js"></script>
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
    <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
    <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
    <button class="layui-btn layui-btn-sm" lay-event="insertData">新增权限</button>
  </div>
</script>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/html" id="insert_form">
  <div class="layui-field-box">
    <div class="layui-form-item layui-form-pane">
      <label class="layui-form-label">权限级别</label>
      <div class="layui-input-inline">
        <input type="text" id="insert_roleLevel" class="layui-input" placeholder="请输入权限级别">
      </div>
    </div>

    <div class="layui-form-item layui-form-pane">
      <label class="layui-form-label">权限名称</label>
      <div class="layui-input-inline">
        <input type="text" id="insert_roleName" class="layui-input" placeholder="请输入权限名称">
      </div>
    </div>
  </div>
</script>




<script src="layui/layui.js" charset="utf-8"></script>
<script src="jquery/jquery-3.6.0.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->


</body>
</html>